<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>memory</title>
		<meta name="author" content="BoLiang" />
		<!-- Date: 2012-04-26 -->
		<style type="text/css">
			@import "memory.css"; 
		</style>
		<script type="text/javascript">
			var accedo = {};
		</script>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
		<script type="text/javascript" src="util.js"></script>
		
		<script type="text/javascript" src="ajax.js"></script>
		<script type="text/javascript" src="memory.js"></script>
	</head>
	<body>
		<table id="outerTableID" width="1280" border="0" cellpadding="0" cellspacing="0">
			<tr>
				<td height="50" width="1280" colspan="3" valign="middle" align="center">
					<font class="topTitle"><B>Accedo Football Club Crest Memory</B></font>
				</td>
				
			</tr>
			<tr>
				<td width="200" height="600" valign="top">
					<input type="button" value="4 * 4" onclick="createTable(140, 90, 4, 4)"></input>
					<input type="button" value="6 * 6" onclick="createTable(126, 81, 6, 6)"></input><br />
					<input type="button" value="8 * 8" onclick="createTable(98, 63, 8, 8)"></input>
					<input type="button" value="ajaxTest" onclick="triggerCardRecord()"></input><br />
					
					<table width="200" border="0">
						<tr>
							<td width="200" align="center"><font class="rightTitle">Card</font></td>
						</tr>
					</table>
					
					<div id="cardDivID" class="hiscoreText"></div>
				</td>
				<td width="970" align="center" valign="middle">
					<div id="mainDivID"></div>
				</td>
				<td width="280" height="650" rowspan="2" valign="top" >
					<br /><br />
					<font class="rightTitle">Time:</font>
					<br />
					<input size="2" class="rightText" type="text" id="timeTextID" value="0"/>
					<br />
					<font class="rightTitle">Score:</font><br />
					<input size="2" type="text" class="rightText" id="scoreTextID" value="0"/><br /><br /><br /><br /><br /><br />
					<table width="280" border="0">
						<tr>
							<td>
								<img id="achiImgID" width="60%" height="50%" src='Images/button-purple.png'></img><br><br>
								<img id="scoreImgID" width="60%" height="50%" src='Images/button-green.png'></img>
							</td>
						</tr>
					</table>
					<div id="hiscoreID" class="hiscoreText"></div>
				</td>
			</tr>
			<tr>
				<td height="70" width="1280" colspan="3" id="showAchiID" valign="top"></td>
			</tr>
		</table>
	</body>
</html>
